<template>
<!--    <div>-->
<!--        <div>-->
<!--            <h2>欢迎来到用户管理系统</h2>-->
<!--        </div>-->
<!--        <div>-->
<!--            <el-button type="primary" @click="add()">添 加 用 户</el-button><p></p>-->
<!--        </div>-->
<!--        &lt;!&ndash;展示的表格数据&ndash;&gt;-->
<!--        <el-table-->
<!--                :data="tableData"-->
<!--                border-->
<!--                style="width: 100%">-->
<!--            <el-table-column-->
<!--                    prop="id"-->
<!--                    label="编号"-->
<!--                    >-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="name"-->
<!--                    label="姓名"-->
<!--                    >-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="email"-->
<!--                    label="邮箱"-->
<!--                    >-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    prop="password"-->
<!--                    label="密码"-->
<!--                    >-->
<!--            </el-table-column>-->
<!--            <el-table-column-->
<!--                    fixed="right"-->
<!--                    label="操作"-->
<!--            >-->
<!--                <template slot-scope="scope">-->
<!--                    <el-button type="success" @click="update(scope.row)">修改</el-button>-->
<!--                    <el-button type="danger" @click="del(scope.row)">删除</el-button>-->
<!--                </template>-->
<!--            </el-table-column>-->
<!--        </el-table>-->
<!--        &lt;!&ndash;修改的弹出层&ndash;&gt;-->
<!--        <el-dialog-->
<!--                title="修改用户信息"-->
<!--                :visible.sync="updateDialogVisible"-->
<!--                width="50%"-->
<!--                :before-close="handleClose">-->
<!--            <el-form :label-position="labelPosition" label-width="80px" :model="UserFormLabelAlign">-->
<!--                <el-form-item label="姓名">-->
<!--                    <el-input v-model="UserFormLabelAlign.name"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="邮箱">-->
<!--                    <el-input v-model="UserFormLabelAlign.email"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="密码">-->
<!--                    <el-input v-model="UserFormLabelAlign.password"></el-input>-->
<!--                </el-form-item>-->
<!--            </el-form>-->
<!--            <el-button @click="updateDialogVisible = false">取 消 修 改</el-button>-->
<!--            <el-button type="primary" @click="qrUpdate()">确 认 修 改</el-button>-->
<!--        </el-dialog>-->
<!--        &lt;!&ndash;添加的弹出层&ndash;&gt;-->
<!--        <el-dialog-->
<!--                title="添加用户信息"-->
<!--                :visible.sync="insertDialogVisible"-->
<!--                width="50%"-->
<!--                :before-close="handleClose">-->
<!--            <el-form :label-position="labelPosition" label-width="80px" :model="insertFormLabelAlign">-->
<!--                <el-form-item label="姓名">-->
<!--                    <el-input v-model="insertFormLabelAlign.name"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="邮箱">-->
<!--                    <el-input v-model="insertFormLabelAlign.email"></el-input>-->
<!--                </el-form-item>-->
<!--                <el-form-item label="密码">-->
<!--                    <el-input v-model="insertFormLabelAlign.password"></el-input>-->
<!--                </el-form-item>-->
<!--            </el-form>-->
<!--            <el-button @click="insertDialogVisible = false">取 消 添 加</el-button>-->
<!--            <el-button type="primary" @click="insert()">确 认 添 加</el-button>-->
<!--        </el-dialog>-->
<!--        &lt;!&ndash;分页&ndash;&gt;-->
<!--        <el-pagination-->
<!--                @size-change="handleSizeChange"-->
<!--                @current-change="handleCurrentChange"-->
<!--                :current-page="currentPage"-->
<!--                :page-sizes="[2,5,10]"-->
<!--                :page-size="pageSize"-->
<!--                :total="total"-->
<!--                layout="total, sizes, prev, pager, next, jumper">-->
<!--        </el-pagination>-->

<!--    </div>-->
    <div>
        <el-button @click="queryUser()">查询用户</el-button>
        <el-button @click="updateUser()">修改用户</el-button>
        <el-button @click="deleteUser()">删除用户</el-button>
        <el-button @click="insertUser()">添加用户</el-button>
        <el-button @click="exportUser()">导出用户</el-button>
    </div>
</template>

<script>
    export default {
        name: "Admin",
        data(){
            return{
                // tableData: [],
                // updateDialogVisible:false,
                // UserFormLabelAlign:{},
                // labelPosition:"top",
                // insertDialogVisible:false,
                // insertFormLabelAlign:{},
                // //当前显示的页码
                // currentPage:1,
                // //总条数
                // total:0,
                // //每页显示的条数
                // pageSize:5,
            }
        },
        // created() {
        //     this.showTable();
        // },
        methods:{
            queryUser(){
                this.$http.get("http://localhost:8080/user/query").then(resp=>{
                    if(resp.data.code === 200){
                        this.$message.success(resp.data.msg);
                    }else if(resp.data.code === 403){
                        this.$message.error(resp.data.msg);
                    }
                })
            },
            updateUser(){
                this.$http.get("http://localhost:8080/user/update").then(resp=>{
                    if(resp.data.code === 200){
                        this.$message.success(resp.data.msg);
                    }else if(resp.data.code === 403){
                        this.$message.error(resp.data.msg);
                    }
                })
            },
            deleteUser(){
                this.$http.get("http://localhost:8080/user/delete").then(resp=>{
                    if(resp.data.code === 200){
                        this.$message.success(resp.data.msg);
                    }else if(resp.data.code === 403){
                        this.$message.error(resp.data.msg);
                    }
                })
            },
            insertUser(){
                this.$http.get("http://localhost:8080/user/insert").then(resp=>{
                    if(resp.data.code === 200){
                        this.$message.success(resp.data.msg);
                    }else if(resp.data.code === 403){
                        this.$message.error(resp.data.msg);
                    }
                })
            },
            exportUser(){
                this.$http.get("http://localhost:8080/user/export").then(resp=>{
                    if(resp.data.code === 200){
                        this.$message.success(resp.data.msg);
                    }else if(resp.data.code === 403){
                        this.$message.error(resp.data.msg);
                    }
                })
            },
            // showTable(){
            //     //使用axios进行异步调用--需要把axios挂载到当前Vue对象上--在main.js中挂载
            //     this.$http.post("http://localhost:8001/user/list?currentPage="+this.currentPage+"&pageSize="+this.pageSize).then(resp=>{
            //         if (resp.data.code === 200){
            //             console.log(resp.data.data)
            //             this.tableData = resp.data.data.records;
            //             console.log(this.tableData)
            //             //把查询出来的总条数赋值给total
            //             this.total=resp.data.data.total;
            //         }else if(resp.data.code === 401){
            //             this.$router.push("/login")
            //         }
            //     })
            // },
            // del(row){
            //     this.$http.post("http://localhost:8001/user/del?id="+row.id).then(resp=>{
            //         if (resp.data.code === 200){
            //             this.$message.success("删除成功");
            //             this.showTable();
            //         }
            //     })
            // },
            // update(row){
            //     this.updateDialogVisible=true;
            //     this.UserFormLabelAlign=row;
            // },
            // qrUpdate(){
            //     this.$http.post("http://localhost:8001/user/updateUser",this.UserFormLabelAlign).then(resp=>{
            //         if (resp.data.code === 200){
            //             this.$message.success("修改成功");
            //             this.updateDialogVisible=false;
            //             this.showTable();
            //         }
            //     })
            // },
            // add(){
            //     this.insertDialogVisible=true;
            // },
            // insert(){
            //     this.$http.post("http://localhost:8001/user/insertUser",this.insertFormLabelAlign).then(resp=>{
            //         if (resp.data.code ===200){
            //             this.$message.success("添加成功");
            //             this.insertDialogVisible=false;
            //             this.insertFormLabelAlign={};
            //             this.showTable();
            //         }
            //     })
            // },
            // //点击处理页码大小变动时候触发的事件
            // handleSizeChange(val) {
            //     //点击切换每页显示的条数时，把每页的显示条数的值重新赋值给pageSize
            //     this.pageSize=val;
            //     this.showTable();
            // },
            // //点击处理当前页变动时候触发的事件。
            // handleCurrentChange(val) {
            //     //点击到第几页是，把当前是第几页的值重新赋值给currentPage
            //     this.currentPage=val;
            //     this.showTable();
            // },
        }
    }
</script>

<style scoped>

</style>